<?php

/*
 * gpa_new Description
 * date 17 Feb 10
 * time 23:04:20
 * @$package
 * @name avatar_html
 * @filesource avatar_html.php
 * @author Hanny Setiawan
 */

?>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title><?php echo $page_title; ?></title>
<script src="<?php echo getJsUrl(); ?>jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>home/home.css" type="text/css">
<link rel="stylesheet" href="<?php echo getAppCssUrl(); ?>user.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo getCssUrl(); ?>menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo getJsUrl(); ?>menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

</head>

<body>

<div id="root">
    <div id="Table_01">
        <div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo getImgUrl(); ?>/home/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  		<div id="rightTop">
        	<div id="rTop">
            	<div class="login">
                	<div class="login-text">
                		<?php echo $usermenus; ?>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
        	<div id="rBottom">
        		<div id="menu">
				<?php echo $mainmenus; ?>
                </div>
        	</div>
    	</div>
	</div>
        <div id="index002">
            <div id="add-menu">
                <?php if(@$self_profile) { ?>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/profile/">Profile Overview</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/edit/">Edit Profile</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/tools/">Tools</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/albums/">Albums</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/messages/">Messages</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/avatar/">Avatar</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/upgrade/">UPGRADE MEMBERSHIP!</a>
                </div>
                <?php } ?>
            </div>
            <div class="content">
                <?php if(!!$error_message): ?>
                <p class="error-message"><?php echo $error_message; ?></p>
                <?php endif; ?>
                <h3>Change Avatar (Self Photo)</h3>
                

                   <h3>My Avatar / Photo</h3>
                   <?php if(isset($user_avatar) && !empty($user_avatar)): ?>
                   <p>Currently you already have a photograph of yourself: </p>
                   <p> <img src="<?php echo $user_avatar; ?>" border="0" hspace="10" vspace="10"/> </p>
                   <p> ( You can change or remove pictures photos using the functions below )<br/> <br/> </p>
                   <?php else: ?>
                   <p>Currently you haven't any photograph of yourself. Upload new one! </p>
                   <?php endif; ?>
                   <div id="change-avatar" style="">
                   <h3>Change Avatar / Photo</h3>

                   <form method="post" action="<?php echo getAppUrl(); ?>" enctype="multipart/form-data">
                       <input name="avatar" type="file"/><br/><br/>
                       <input name="submit" value="Change" type="submit"/>
                   </form>

                   <h4> Description: </h4>
                   <p> Photos sent must be in JPG format.
                       Image size (image size) which is used as the standard is 100 pixels wide and 125 pixels high.
                       If the photo you upload size does not fit, then the server will automatically make changes to the size of your images.
                       This likely will cause your photo to be out of proportion and picture quality decreases.
                       To get the best results, upload photos with the right size.
                   </p>
                   <p> largest file size that can be uploaded is 30 KB. Photo sent in a format other than JPG and do not meet the standard image size is automatically rejected by the server.
                   </p>
                   <p> To send the image, click "Browse" to find the photo file on your computer's hard disk. After finding the target file, click on the file name and click "Change". The process ends search for files by clicking the "Upload".
                   </p>
                   <p> sending process images from your computer to the server could take some time. The length of time is influenced by the speed of internet connections and large files (file size).
                       If you get a message that the file you sent did not meet the standard rules, means the server rejected the file and you must change the image size or file size to meet the standards.
                   </p>
                   <p> Back to <a href="<?php echo getAppUrl('user', 'profile'); ?>"> Edit Profile page </a> </p>
                   </div>
                </div>
            </div>
	</div>
    </div>
    	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
</body>
</html>